<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="zh-CN" style="height: 100%">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link href="css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="css/sticky-footer-navbar.css" type="text/css"
              rel="stylesheet">
        <link rel="stylesheet" href="css/AdminLTE.min.css">
        <link rel="stylesheet" href="css/morris.css">
    <%--  <link rel="stylesheet" href="css/morris.css">--%>
        <!-- font-awesome -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <!-- Bootstrap -->
<%--
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
--%>
        <!-- 其他CSS -->
        <link rel="stylesheet" href="css/map.css">
        <title>智察 - 智能关系洞察系统</title>
    </head>

    <body style="height: 80%; margin: 0">
        <jsp:include page="navigation.jsp"></jsp:include>
        <%--<div id="container" style="height: 90%;width: 100% ;margin-top: -20px;"></div>--%>
        <div id="ctl-board" class="clearfix" style="margin-top: -20px;">
            <div id="btn-grp" class="pull-left">
                <span title="案情信息"><img src="img/event_load.png" class="btn-clear" id="btn-eventctl"></span>
                <span title="警车位置信息"><img src="img/position_clear.png" class="btn-load" id="btn-positionctl"></span>
                <span title="巡逻路线信息"><img src="img/line_clear.png" class="btn-load" id="btn-linectl"></span>
                <!-- <button class="btn btn-sm btn-primary btn-clear" id="btn-eventctl">清除案情数据</button> -->
                <!-- <button class="btn btn-sm btn-primary btn-load" id="btn-datactl">加载警车数据</button> -->
                <!-- <button class="btn btn-sm btn-primary btn-load" id="btn-linectl">加载路线数据</button> -->
            </div>
            <form id="sel-hotmap" class="form-group pull-right">
                <label for="hotmap-select">热力图类型选择：</label>
                <select id="hotmap-select" class="form-control">
                    <option>关闭</option>
                    <!-- <option>全部</option> -->
                </select>
            </form>
        </div>
        <div id="container"></div>
        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <!-- ECharts -->
        <script src="js/echarts-all-3.js"></script>
        <script src="js/china.js"></script>
        <script src="js/world.js"></script>
        <script src="js/bmap.min.js"></script>
        <script src="js/dataTool.min.js"></script>

        <!-- 百度地图API -->
        <script src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
        <!-- 其他js,保持以下引入顺序 -->
        <script src="js/map.data.js"></script>
        <script src="js/echarts.option.js"></script>
        <script src="js/bmap.option.js"></script>
        <script src="js/map.event.js"></script>
    </body>

    </html>
